﻿@model GPS.ENTITYS.ViewReportModelGPS_GS_ACTIVITY
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Giám sát thời gian lái xe liên tục";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Giám sát thời gian lái xe liên tục</h3>
    @using (Html.BeginForm("Index", "GPS_GS_Activity", FormMethod.Get))
    {
        <div class="list-group">
            <fieldset class="fs_body">
                <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                <div class="criteria_search">
                    <div class="row  margin-top-05">
                        <div class="col-md-2 control-label">
                            Đơn vị đào tạo:
                        </div>
                        <div class="col-md-4">
                            @{
        if (ViewBag.checkuser == "40")
        {
            @Html.TextBoxFor(model => model.pDVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })
        }
        else
        {
            @Html.TextBoxFor(model => model.pDVGTVT_MA, new { @class = "form-control", @readonly = "readonly" })
        }
                            }

                            @Html.ValidationMessageFor(model => model.pDVGTVT_MA)
                            <span id="rDataDVGTVT_MA" style="width:500px;"></span>
                            <div class="help-tip">
                                <p>Gõ mã hoặc tên đơn vị để hiển thị danh sách đơn vị </p>
                            </div>
                        </div>

                        <div class="col-md-2 control-label">
                            Biển số:
                        </div>
                        <div class="col-md-4">
                            @Html.DropDownListFor(model => model.pBIEN_SO, (SelectList)ViewBag.KH_MAs, "---Lựa chọn--", new { @class = "form-control", @id = "BIEN_SO_Dll" })
                        </div>
                    </div>

                    <div class="row  margin-top-05">
                        <div class="col-md-2 control-label">
                            Từ ngày:
                        </div>
                        <div class="col-md-4">
                            @Html.TextBoxFor(model => model.pTUNGAY, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                        </div>
                        <div class="col-md-2 control-label">
                            Đến ngày:
                        </div>
                        <div class="col-md-4">
                            @Html.TextBoxFor(model => model.pDENNGAY, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                        </div>
                    </div>
                </div>
                <div class="row margin-top-05 btn_search">
                    <button type="submit" class="btn btn-primary btn-sm" name="ExportButton" title="Xuất Excel" value="Xuất Excel">
                        <i class='fa fa-file-excel-o'></i> In báo cáo giám sát thời gian lái xe liên tục
                    </button>
                    <button type="submit" class="btn btn-primary btn-sm">
                        <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                    </button>
                </div>
            </fieldset>
        </div>
    }
    <br />
    <div class="row">
        <div class="row">
            <fieldset class="fs_body">
                <legend class="head_title">Kết quả tìm kiếm</legend>
                <div class="divbtnFielset">
                    <div style="float: right;">
                        <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                    </div>
                </div>
                <div style="clear:both; padding: 5px 0;">
                    <table class="table table-hover table-bordered table-condensed">
                        <tr>
                            <th>
                                STT
                            </th>
                            <th>
                                Biển số
                            </th>
                            <th>
                                Tên Sở GTVT
                            </th>
                            <th>
                                Thời Điểm bắt đầu
                            </th>
                            <th>
                                Tọa đô bắt đầu
                            </th>
                            <th>
                                Địa điểm bắt đầu
                            </th>
                            <th>
                                Thời Điểm kết thúc
                            </th>
                            <th>
                                Tọa đô kết thúc
                            </th>
                            <th>
                                Địa điểm kết thúc
                            </th>
                            <th>
                                Thời gian lái
                            </th>
                        </tr>
                        @{
                            if (Model.SearchResults != null)
                            {
                                foreach (var item in Model.SearchResults)
                                {
                                    <tr>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.STT)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_BIENSO)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_DVGTVT_TEN)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => (item.GPS_ACTIVITY_TIMESTART))
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_POINTSTART)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_LATSTART)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => (item.GPS_ACTIVITY_TIMEEND))
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_POINTEND)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_LATEND)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(modelItem => item.GPS_ACTIVITY_TIMEDIFF)
                                        </td>
                                    </tr>
                                }
                            }
                        }

                    </table>
                </div>

                <div class="pagination-sm" style="clear:both; padding: 5px 0;">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
   {
       page,
       Model.pDVGTVT_MA,
       Model.pBIEN_SO,
       Model.pTUNGAY,
       Model.pDENNGAY
   }))
                </div>
            </fieldset>


        </div>
    </div>
</div>


<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/modalform")
    <script src="~/Scripts/autocomplete.js"></script>
}
<script type="text/javascript">
    $("#pTUNGAY").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#pDENNGAY").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#pTUNGAY").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    $("#pDENNGAY").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    // cho phep nhap so thap phan (su dung jquery.number)
    //$("#GV_THAMNIENLX").number(true, 2, '.', '');

</script>
<script>
    $(document).ready(function () {
        // load district by province when change in dropdownlist
        $("#DVGTVT_MA").change(function () {
            $.ajax({
                url: '@Url.Action("getBienSo", "GPS_GS_Activity")',
                type: 'post',
                data: {
                    ma_DVGT: $('#DVGTVT_MA').val()
                }
            }).done(function (response) {
                // update district by province
                var a = '<option value></option>' + response;   // defaut value
                $("#BIEN_SO_Dll").html(a);

                //// reset ward
                //var b = '<option value></option>'
                //$('#KH_LOP_MA_dll').html(b);
            });
        });
    });
</script>



